<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>我的分享</title>
    <link rel="stylesheet" th:href="@{/assets2/css/quota-all_328fb3b.css}"/>
    <link rel="stylesheet" th:href="@{/assets2/css/context-all.css}"/>
    <link rel="stylesheet" th:href="@{/assets2/css/home-all.css}"/>
    <link rel="stylesheet" th:href="@{/assets2/css/uploader-all.css}"/>
    <link rel="stylesheet" th:href="@{/assets2/css/amazeui.css}"/>
    <link rel="stylesheet" th:href="@{/assets2/css/admin.css}"/>
    <link rel="stylesheet" th:href="@{/assets2/css/icon.css}"/>
    <link rel="stylesheet" th:href="@{/assets2/css/all_e491493.css}"/>
    <link rel="stylesheet" th:href="@{/assets2/css/widget_dcfc73f.css}"/>
    <script th:src="@{/js/jquery1.js}"></script>
    <script th:src="@{/assets2/js/myshareload.js}"></script>
    <script th:src="@{/assets2/js/mysharecore.js}"></script>
    <script th:src="@{/js/jquery.cookie.js}"></script>
    <script th:src="@{/assets2/js/amazeui.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jsencrypt.min.js}"></script>
    <script th:src="@{/assets2/js/config.js}"></script>
</head>
<body>
<div class="frame-all" id="layoutApp">
    <div id="dynamicLayout_0" style="z-index: 41;">
        <div class="module-header">
            <div class="module-header-wrapper" style="height: 62px;">
                <dl class="xtJbHcb">
                    <dt style="margin-top: 3px;margin-left: 16px" class="EHazOI">
                        <img width="145" height="45" th:src="@{/images/16new/logo727.png}"/>
                    </dt>
                    <dd class="vyQHNyb">
							<span class="cMEMEF wGMtMgb"> <a
                                    href="//727pan.cn/disk/home" target="_self" title="网盘">网盘</a>
								<span class="gICyHO"></span>
							</span>
                    </dd>
                    <dd class="CDaavKb">
							<span class="DIcOFyb"> <span class="user-photo-box">
									<i class="user-photo"></i>
							</span> <span class="user-name" th:text="${name}"></span>
								<dl class="PvsOgyb">
									<dt class="OMDFeH">
										<i class="desc-arrow"></i> <i class="desc-layer"></i> <span
                                            class="desc-header"> <span class="user-photo-box">
												<i class="user-photo"></i>
										</span> <span class="user-info"> <span th:text="${name}"
                                                                               class="username"></span>
										</span>
										</span>
									</dt>
									<dd>
										<ul class="QgxQAN">
											<li class="cMEMEF"><a href="javascript:void(0)"
                                                                  onclick="uploadPic()">上传头像</a></li>
											<li class="cMEMEF"><a href="javascript:void(0)"
                                                                  onclick="changePwd()">修改密码</a></li>
											<li class="cMEMEF"><a href="javascript:void(0)"
                                                                  onclick="exit()">退出</a></li>

										</ul>
									</dd>
								</dl>
							</span>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <div id="layoutAside">
        <div>
            <div class="module-aside DtJtsC">
                <div class="KHbQCub"></div>
                <ul class="fOHAbxb">
                    <li data-key="all" class="oxuuqp4e"><a class="nzirqgv1"
                                                           href="javascript:;"><span
                            class="text"><span>全部文件</span></span></a></li>
                    <li data-key="pic" class="oxuuqp4e"><a class="nzirqgv1"
                                                           href="javascript:;"><span class="text"><span>图片</span></span></a>
                    </li>
                    <li data-key="doc" class="oxuuqp4e"><a class="nzirqgv1"
                                                           href="javascript:;"><span class="text"><span>文档</span></span></a>
                    </li>
                    <li data-key="video" class="oxuuqp4e"><a class="nzirqgv1"
                                                             href="javascript:;"><span
                            class="text"><span>视频</span></span></a></li>
                    <li data-key="mbt" class="oxuuqp4e"><a class="nzirqgv1"
                                                           href="javascript:;"><span class="text"><span>种子</span></span></a>
                    </li>
                    <li data-key="music" class="oxuuqp4e"><a class="nzirqgv1"
                                                             href="javascript:;"><span
                            class="text"><span>音乐</span></span></a></li>
                    <li data-key="other" class="oxuuqp4e"><a class="nzirqgv1"
                                                             href="javascript:;"><span
                            class="text"><span>其他</span></span></a></li>
                    <li data-key="myShare" class="oxuuqp4e bHzsaPb"><a
                            class="nzirqgv1" href="javascript:;"><span class="text"><span>我的分享</span></span></a></li>
                </ul>
                <div class="aside-absolute-container"
                     style="visibility: visible; position: absolute; width: 100%; height: 150px;">
                    <div data-index="0" node-type="layout-absolute-box"
                         style="width: 100%; height: 50px; background: none; z-index: 2;"></div>
                    <div data-index="1" node-type="layout-absolute-box"
                         style="width: 100%; height: 50px; background: none; z-index: 3;">
                        <div node-type="dabqbvq" class="QGOvsxb"
                             style="_visibility: visible;">
                            <div node-type="cxay0Qn" class="capacityforvip">
                                <input id="used" type="text" hidden="true">
                            </div>
                            <div node-type="liy31D" class="quota-over-tips">
                                <span node-type="lpDl9q" class="quota-over-tips-close">×</span>
                                <div node-type="bnqxrn lpDl9q" class="quota-over-text"></div>
                                <a class="quota-over-btn" href=""></a> <em
                                    class="quota-over-bg"></em>
                            </div>
                            <ul class="tDuODs">
                                <li class="g-clearfix bar">
                                    <div node-type="gxhfqG5n" class="remainingSpaceUi">
											<span node-type="hcuq6MD" class="remainingSpaceUi_span"
                                                  style="background: rgb(146, 239, 85); transition-duration: 0.62515s; width:;"></span>
                                    </div>
                                    <div class="DIeHPCb remaining-space">
                                        <span node-type="luaiy2Mq" class="bold"></span>/<span
                                            node-type="qdqiDWPq">5GB</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="frame-main" id="layoutMain">
        <div node-type="module"
             class="module-share-manage-header global-clearfix"></div>
        <div node-type="module" class="module-crumbs">
            <div class="title global-clearfix">
                <span node-type="crumbs" class="crumbs"></span>
                <textarea node-type="tmpl-crumbs" style="display: none;"></textarea>
                <span node-type="load-num" class="loaded"></span>
            </div>
        </div>
        <div class="module-share-manage-header-title">
            链接分享<span></span>
        </div>
        <div class="QxJxtg" style="margin-top: 24px;">
            <div class="xGLMIab">
                <ul class="QAfdwP tvPMvPb">
                    <li id="shareName" class="fufHyA yfHIsP" style="width: 40%;">
                        <div id="rec1Wrapper" class="Qxyfvg fydGNC">
									<span class="zbyDdwb1"> <span
                                            class="icon NbKJexb icon-checksmall"></span>
									</span>
                        </div>
                        <span class="text">分享文件</span> <span class="icon aHEytd icon-up"><img
                            src="/images/pageModule/order-icon-up_1990697.png"></span> <span
                            class="icon sFxCFbb icon-downtitle"><img
                            src="/images/pageModule/order-icon-down_ae0af07.png"></img></span>
                    </li>
                    <li id="vTime" class="fufHyA" style="width: 10%;"><span
                            class="text">浏览次数</span> <span class="icon aHEytd icon-up"><img
                            src="/images/pageModule/order-icon-up_1990697.png"></span> <span
                            class="icon sFxCFbb icon-downtitle"><img
                            src="/images/pageModule/order-icon-down_ae0af07.png"></img></span></li>
                    <li id="sTime" class="fufHyA"
                        style="width: 10%;"><span class="text">保存次数</span> <span
                            class="icon aHEytd icon-up"><img
                            src="/images/pageModule/order-icon-up_1990697.png"></span> <span
                            class="icon sFxCFbb icon-downtitle"><img
                            src="/images/pageModule/order-icon-down_ae0af07.png"></img></span></li>
                    <li id="dTime" class="fufHyA" style="width: 10%;">
                        <span class="text">下载次数</span> <span class="icon aHEytd icon-up"><img
                            src="/images/pageModule/order-icon-up_1990697.png"></span> <span
                            class="icon sFxCFbb icon-downtitle"><img
                            src="/images/pageModule/order-icon-down_ae0af07.png"></img></span>
                    </li>
                    <li id="shareTime" class="fufHyA MCGAxG" style="width: 20%;"><span
                            class="text">分享时间</span> <span class="icon aHEytd icon-up"><img
                            src="/images/pageModule/order-icon-up_1990697.png"></span> <span
                            class="icon sFxCFbb icon-downtitle"><img
                            src="/images/pageModule/order-icon-down_ae0af07.png"></img></span></li>
                    <li id="expiration" class="fufHyA"
                        style="width: 9%;"><span class="text">失效时间</span> <span
                            class="icon aHEytd icon-up"><img
                            src="/images/pageModule/order-icon-up_1990697.png"></span> <span
                            class="icon sFxCFbb icon-downtitle"><img
                            src="/images/pageModule/order-icon-down_ae0af07.png"></img></span></li>
                </ul>
                <div class="FcQMwt1 global-clearfix">
                    <span class="MdLxwM"></span>
                    <div class="KKtwaH"></div>
                    <button id="unShare" style="height: 29px;display: inline-block;"
                            type="button" class="am-btn am-radius am-btn-sm am-btn-warning">取消分享
                    </button>
                </div>
            </div>
        </div>
        <div class="NHcGw" style="overflow-y: auto;">
            <div node-type="wrapper" class="list-view-home">
                <div node-type="list" class="list bEMOyf"
                     style="overflow: auto;">
                </div>
            </div>
        </div>
    </div>

</div>
<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提示</div>
        <div class="am-modal-bd">你确定要退出么？</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-confirm>确定</span> <span
                class="am-modal-btn" data-am-modal-cancel>取消</span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm1">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提示</div>
        <div class="am-modal-bd">此目录下已存在同名文件，是否要保存两个文件</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-confirm>确定</span> <span
                class="am-modal-btn" data-am-modal-cancel>取消</span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm2">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提示</div>
        <div class="am-modal-bd">你确定要删除这些文件吗，此操作不可恢复</div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-confirm>确定</span> <span
                class="am-modal-btn" data-am-modal-cancel>取消</span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提示</div>
        <div id="changeBd" class="am-modal-bd">
            <input id="renameInput" type="text" class="am-modal-prompt-input">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-confirm>提交</span> <span
                class="am-modal-btn" data-am-modal-cancel>取消</span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-prompt" tabindex="-1" id="uploadPic">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">上传头像</div>
        <div class="am-modal-bd">
            <input onchange="preImg(this.id,'photo');" id="pic"
                   style="width: 300px" type="file" class="am-modal-prompt-input">
            <img style="display: none" id="photo" src="" width="100px;"
                 height="100px;">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-confirm>上传头像</span> <span
                class="am-modal-btn" data-am-modal-cancel>取消</span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-prompt" tabindex="-1" id="changePwd">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">修改密码</div>
        <div class="am-modal-bd">
            新密码:<input id="newPassword" name="newPassword" style="width: 300px"
                       type="password" class="am-modal-prompt-input"> 确认新密码:<input
                name="repeatPassword" style="width: 300px" type="password"
                class="am-modal-prompt-input">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-confirm>修改密码</span> <span
                class="am-modal-btn" data-am-modal-cancel>取消</span>
        </div>
    </div>
</div>
<textarea id="publicKey" hidden="true" rows="" cols=""></textarea>
<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt1">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提示</div>
        <div id="changeBd1" class="am-modal-bd">
            <input type="text" class="am-modal-prompt-input">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-confirm>提交</span> <span
                class="am-modal-btn" data-am-modal-cancel>取消</span>
        </div>
    </div>
</div>
<div class="dialog dialog-fileTreeDialog   dialog-gray"
     id="fileTreeDialog"
     style="width: 520px; top: 0px; bottom: auto; left: 423px; right: auto; display: none; visibility: visible; z-index: 52;">
    <div class="dialog-header dialog-drag">
        <h3>
				<span class="dialog-header-title"> <em id="HEEWq"
                                                       class="select-text"></em>
				</span>
        </h3>
        <div class="dialog-control">
				<span class="dialog-icon dialog-close icon icon-close"> <span
                        class="sicon">×</span>
				</span>
        </div>
    </div>
    <div class="dialog-body">
        <div class="file-tree-container">
            <ul class="treeview treeview-content ">
                <li>
                    <div class="treeview-node  treeview-root treeview-node-on _minus"
                         data-padding-left="0" style="padding-left: 0px">
							<span class="treeview-node-handler"> <em
                                    class="b-in-blk plus icon-operate minus"></em> <dfn
                                    class="b-in-blk treeview-ic treeview-dir"></dfn> <span
                                    class="treeview-txt" data-file-path="/">全部文件</span>
							</span>
                    </div>
                    <ul class="treeview treeview-root-content treeview-content"
                        data-padding-left="15"></ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="dialog-footer g-clearfix">
        <a class="g-button g-button-large" data-button-id="b77"
           data-button-index="" href="javascript:;" title="取消"
           style="float: right; padding-left: 50px;"> <span
                class="g-button-right" style="padding-right: 50px;"> <span
                class="text" style="width: auto;">取消</span>
			</span>
        </a> <a id="" class="g-button g-button-blue-large" data-button-id="b79"
                data-button-index="" href="javascript:;" title="确定"
                style="padding-left: 50px;"> <span class="g-button-right"
                                                   style="padding-right: 50px;"> <span class="text"
                                                                                       style="width: auto;">确定</span>
			</span>
    </a>
    </div>
</div>
<div class="dialog dialog-share   dialog-gray"
     style="width: 530px; overflow: visible; z-index: 52; top: 0px; bottom: auto; left: 418px; right: auto; display: none;">
    <div class="dialog-header dialog-drag">
        <h3>
				<span class="dialog-header-title"><em id="shareTxt"
                                                      class="select-text"></em></span>
        </h3>
        <div class="dialog-control">
				<span class="dialog-icon dialog-close icon icon-close"> <span
                        class="sicon">×</span>
				</span>
        </div>
    </div>
    <div class="share-dialog">
        <div class="content" id="_disk_id_1">
            <ul class="content">
                <li class="share-link" style="display: block;">
                    <div id="flaga" class="create-link">
                        <!-- private-link has-create -->
                        <table class="validity-section">
                            <tbody>
                            <tr>
                                <td class="first-child"><label>分享形式</label></td>
                                <td>
                                    <div class="">
                                        <input type="radio" id="share-method-private"
                                               name="share-method" value="private" checked="true"><label
                                            for="share-method-private"><b>加密</b>&nbsp;&nbsp;&nbsp;<span>仅限拥有密码者可查看，更加隐私安全</span></label>
                                    </div>
                                    <div class="">
                                        <input type="radio" id="share-method-public"
                                               name="share-method" value="public"><label
                                            for="share-method-public"><b>公开</b>&nbsp;&nbsp;&nbsp;<span>任何人可查看或下载</span></label>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="first-child"><label>有效期</label></td>
                                <td class="choose-panel">
                                    <!-- <button class="g-button g-button-large-gray choose-value"><span class="text">永久有效</span><em class="icon icon-dropdown-select"></em></button><ul class="choose-list" style="display: none;"><li class="choose-checked" value="0"><em>永久有效</em><span class="icon"></span></li><li value="7" class=""><em>7天</em></li><li value="1"><em>1天</em></li></ul></td> -->
                                    <select id="expiration" data-am-selected>
                                        <option value="forever" selected>永久有效</option>
                                        <option value="one">1天</option>
                                        <option value="seven">7天</option>
                                    </select>
                            </tr>
                            </tbody>
                        </table>
                        <div class="create-success">
								<span class="public"> <em class="icon"></em> 成功创建公开链接
								</span> <span class="private"> <em class="icon"></em> 成功创建私密链接
								</span>
                        </div>
                        <div class="link-info">
                            <div class="copy-button-section">
                                <a class="g-button g-button-blue copy-button" id="copyShare">
										<span class="g-button-right"> <span class="text public">复制链接</span>
											<span class="text private">复制链接及密码</span>
									</span>
                                </a>
                                <div class="copy-tips" style="display: none;">复制链接成功</div>
                            </div>
                            <div class="url">
                                <div class="share-url-border">
                                    <input style="position: absolute; z-index: -110"
                                           class="copyPrivate" spellingcheck="false" readonly="readonly"
                                           type="text" id="copyPrivate" value=""> <input
                                        id="share-url" type="text" spellingcheck="false"
                                        readonly="readonly" class="share-url" value=""> <span
                                        class="border-img"></span> <span class="share-validity-tip"
                                                                         style="right: 115px;">链接永久有效</span>
                                </div>
                            </div>
                            <div class="password">
                                <h4>提取密码</h4>
                                <input id="share-password" type="text" class="share-password"
                                       spellingcheck="false" readonly="readonly" value="">
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="footer">
                <a id="cel" href="javascript:;"
                   class="g-button g-button-large g-button-large-gray abtn close"><span
                        class="g-button-right"><span class="text">取消</span></span></a><a
                    href="javascript:;"
                    class="g-button g-button-large g-button-blue-large sbtn submit"
                    style="display: none;"><span class="g-button-right"><span
                    class="text">分享</span></span></a><a id="createShare" href="javascript:;"
                                                        class="g-button g-button-large g-button-blue-large sbtn create"
                                                        style="display: block;"><span class="g-button-right"><span
                    class="text">创建链接</span></span></a>
                <div class="open-share-warning" style="display: block;"></div>
            </div>
        </div>
    </div>
</div>
<div class="module-canvas"
     style="position: fixed; left: 0px; top: 0px; z-index: 50; background: rgb(0, 0, 0); opacity: 0.5; width: 100%; height: 100%; display: none;"></div>
</body>
</html>